<template>
    <div class="xitong">
        <ul class="xList">
            <li>
                <img src="../../assets/img/首页/个人中心/收货地址.png" alt="">
                <span>收货地址</span>
            </li>
            <li>
                <img src="../../assets/img/首页/个人中心/盒马门店.png" alt="">
                <span>盒马门店</span>
            </li>
            <li>
                <img src="../../assets/img/首页/个人中心/客服小蜜.png" alt="">
                <span>客服小蜜</span>
            </li>
            <li>
                <img src="../../assets/img/首页/个人中心/发票中心.png" alt="">
                <span>发票中心</span>
            </li>
            <li>
                <img src="../../assets/img/首页/个人中心/规则中心.png" alt="">
                <span>规则中心</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.xitong{
    background-color: #fff;
    border-radius: 10px;
    margin-bottom:15px;
    padding:20px 0;
    .xList{
        display:flex;
        align-items: center;
        justify-content: space-evenly;
        li{
            display:flex;
            flex-direction: column;
            align-items: center;
            img{
                width: 40px;
            }
            span{
                padding-top: 8px;
                font-size: 14px;
            }
        }
    }
}
</style>